/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
    font-family: 'Bodoni';
    src:url(../fonts/BodoniStd-Italic.otf);
}
@font-face{
    font-family: 'Poppins';
    src:url(../fonts/Poppins-SemiBold.ttf);
}
@font-face{
    font-family: 'Lato';
    src:url(../fonts/LATO-LIGHT.WOFF.TTF);
}

body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
.clear{ clear:both;}
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:left;box-sizing:border-box; padding-left:25px; padding-right:25px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:right;box-sizing:border-box; padding-left:25px; padding-right:25px;}
.fl-1,.fr-1{width:calc(100%/12); box-sizing:border-box;}
.fl-2,.fr-2{width:calc(100%/12*2);}
.fl-3,.fr-3{width:calc(100%/12*3);}
.fl-4,.fr-4{width:calc(100%/12*4);}
.fl-5,.fr-5{width:calc(100%/12*5);}
.fl-6,.fr-6{width:calc(100%/12*6);}
.fl-7,.fr-7{width:calc(100%/12*7);}
.fl-8,.fr-8{width:calc(100%/12*8);}
.fl-9,.fr-9{width:calc(100%/12*9);}
.fl-10,.fr-10{width:calc(100%/12*10);}
.fl-11,.fr-11{width:calc(100%/12*11);}
.fl-12,.fr-12{width:calc(100%/12*12);}
.wid{ width:1200px; margin:0 auto;}
.wid:after,.header:after,.nav ul:after,.home_pro_box1:after,.home_pro_box2:after,.contact:after,.client_cont:after,.nrtp:after{ content:""; display:block; clear:both;}

.header{padding:0 0px;}
.top{height:90px; overflow:hidden;}
.logo{ float:left;}
.logo img{ padding-top:10px; vertical-align:middle; }
.top_r{ float:right;}
.top_tb{ display:inline-block; line-height:30px; font-size:16px; color:#000;font-family: 'Poppins'; margin:30px 25px 0 0;}
.top_tb img{ vertical-align:middle; margin:0 10px 2px 0;}
.top_tb a{color:#000;}
.top_tb a:hover{color:#c6002a;}
.nav{ background:#c6002a; text-align:right;}
.nav li{line-height:40px; padding:0px 0px; display:inline-block;position:relative;}
.nav li>a{ display:block; padding:0 25px; color:#fff; font-size:16px; text-transform:uppercase; font-family: 'Poppins'; cursor:pointer;}
.nav li:hover>a{ background:#fff; color:#c12c20;}
.nav li .act{ background:#fff; color:#c12c20;}
.banner img{width:100%;height:41.25vw;}
.swiper-slide img{max-width:100%;}
.erji{ position:absolute; left:0; background:#fff; z-index:10000;font-family: 'Poppins'; padding-top:5px; display:none;}
.erji a{ display:block; padding:0px 20px; line-height:40px; color:#000; border-bottom:1px solid #ebebeb; text-align:left;white-space:nowrap;}
.erji a:hover{color:#c12c20;}

.nybanner{ height:0px; background:url(../images/nybanner.jpg) no-repeat center;}
.nybanner h1{font-size:36px; color:#fff; text-align:center; padding-top:6%;font-family: 'Poppins'; font-weight:normal; width:50%; margin:0 auto; text-transform:uppercase;}

.home_com{ padding:70px 0;}
.home_com h2{ font-size:48px; color:#000; text-align:center; font-weight:normal; margin-bottom:30px;}
.home_com p{ font-size:24px;color:#5e5d5c; line-height:40px;}

.home_pro{background:#303136; padding:70px 0;}
.home_pro h2{font-size:48px; color:#fff; text-align:center; font-weight:normal; margin-bottom:30px;}
.home_pro p{font-family: 'Lato'; font-size:18px; text-align:center; color:#fff; letter-spacing:2px;}
.home_pro_cont{ position:relative; text-align:center; font-size:18px;font-family: 'Poppins';color:#909090; margin-top:80px;}
.home_pro_cont img{max-width:100%; margin-bottom:10px;}

.home_equ{ padding:70px 0px; background:#f4f6f6;}
.home_equ_box{ width:31%; margin-right:3.5%; float:left;}
.home_equ_box .pic{}
.home_equ_box .pic img{ max-width:100%; border-top:7px solid #d52128; }
.home_equ_box .title{ font-size:22px; color:#d52128; margin:20px 0 20px;}
.home_equ_box .more{line-height:26px; color:#a19d9d; font-size:16px; letter-spacing:0px;}
.home_equ_an{margin-top:20px;}
.home_equ_an a{color:#d52128; }
.home_equ_an a:hover{ color:#000;}


/*.home_pro{line-height:2em;font-family: 'Lato';}
.home_pro_box1{ background:#000;}
.home_pro_box1 h2{ font-size:36px;  color:#c12c20; padding:10% 0 40px; text-transform:uppercase;}
.home_pro_box1 p{ font-size:24px; color:#fff; line-height:2em; padding-bottom:20px;}
.home_pro_box1 span{ font-size:18px; color:#fff; display:block;}
.home_pro_box2{ background:#bf1b3b;}
.home_pro_box2 h2{ font-size:36px;  color:#fff; padding:10% 0 40px; text-transform:uppercase;}
.home_pro_box2 p{ font-size:24px; color:#fff; line-height:2em; padding-bottom:20px;}
.home_pro_box2 span{ font-size:18px; color:#fff; display:block;}
.home_pro_box_l{ float:left; width:50%; overflow:hidden; box-sizing:border-box;}
.home_pro_box_txt{ padding:0 40px 0 60px;}
.home_pro img{ max-width:100%; vertical-align:middle; transition:1000ms;}
.home_pro img:hover{ transform:scale(1.1);transition:1000ms;}*/

.home_adv{ padding:80px 0;}
.home_adv h2{ font-size:40px; color:#000; text-transform:uppercase; font-weight:normal; margin-bottom:15px;}
.home_adv p{ font-size:20px; line-height:32px;font-family: 'Lato'; margin-bottom:20px;}
.home_adv a{ margin-bottom:0; font-size:18px; color:#bf1a3b;line-height:32px;font-family: 'Lato'; display:block;}
.home_adv a span{ width:6px; height:6px; display:inline-block; background:#000; margin:0px 10px 3px;}
.home_adv .home_adv_an{ font-size:20px; color:#262626; margin-top:25px;}
.home_adv a:hover{ color:#c12c20;}
.home_ser{ float:left; width:48%; margin-right:4%;}
.home_jiect{ float:left; width:48%;}

.home_cus{ padding:70px 0; background:#000; color:#fff;}
.home_cus h2{ font-size:48px; text-align:center; font-weight:normal; text-transform:uppercase;}
.home_cus .des{ margin:10px 0 30px; font-size:24px;font-family: 'Lato'; text-align:center;}
.home_cus p{font-size:20px;font-family: 'Lato'; line-height:36px;}

.foot{ padding:30px 0; background:#292727; color:#fff;font-family: 'Lato';}
.foot a{ color:#fff;}
.foot_box{ float:left; width:25%; padding:0 15px; box-sizing:border-box; line-height:30px;}
.foot_box a{ display:block;}
.foot_box a:hover{ color:#c12c20;}
.foot_box h3{ font-size:22px; margin-bottom:20px; text-transform:uppercase;}
.banquan{ line-height:60px; color:#fff; background:#000; text-align:center;font-family: 'Lato';}

.mid_xian{height:0px; background:#c12c20; width:100%;}
.mid_wz{line-height:50px; border-bottom:1px solid #ddd; background:#f2f2f2; font-size:14px;}
.mid_wz span{ margin:0 10px;}
.mid_wz a{ color:#262626;}
.mid_wz a:hover{ text-decoration:underline;}

.mid{ padding:30px 0 50px;}
.mid_nav{ padding:0 0 30px; text-align:left; position:relative;}
.mid_nav li{display:inline-block;}
.mid_nav a{ background:#292727; color:#fff; display:inline-block; margin:0 10px 10px; padding:0 25px; line-height:36px; border-radius:18px;}
.mid_nav a:hover{ background:#c12c20;}
.mid_nav .act{ background:#c12c20;}
.mid_nav .left_er{position:absolute; left:0; padding:10px 0; background:#f2f2f2; display:none;}
.mid_nav .left_er a{font-size:13px; line-height:24px; border-radius:3px;padding:0 15px; background:#4f4f4f}
.mid_nav .left_er a:hover{ background:#c12c20;}

.mid_title{ height:60px; line-height:56px; text-align:center; background:url(../images/title_x.jpg) no-repeat center; margin:20px 0 35px; overflow:hidden;}
.mid_title h2{ color:#555; font-size:30px; padding:0 30px; display:inline-block; background:#fff; font-family:"Times New Roman", Times, serif;}
.mid_cont{ line-height:36px;}
.mid_cont p{ margin-bottom:15px;}
.mid_cont img{ max-width:100%; vertical-align:middle;}

.prolist{}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:25%; padding:0 1%; box-sizing:border-box; text-align:center; overflow:hidden; float:left; margin-bottom:15px;}
.prolist dl dt{ position:relative;vertical-align:middle;}
.prolist dl dt img{ max-width:100%; vertical-align:middle; border:1px #ebebeb solid; box-sizing:border-box;}
.prolist dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#ccc;background:rgba(193,44,32,0.2); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #c12c20;border-right:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl dt span:after{ content:"";width:0;height:100%;border-top:3px solid #c12c20;border-bottom:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl:hover span{ opacity:1;transition:320ms;}
.prolist dl:hover dt span:before{ height:100%; transition:330ms 200ms;}
.prolist dl:hover dt span:after{ width:100%; transition:330ms 200ms;}
.prolist dl dt span b{ position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px; width:46px; height:46px; display:block; z-index:10;}
.prolist dl dt span b:before{ position:absolute; left:0; top:23px; content:"";width:100%;height:1px; background:#c12c20;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#c12c20;transform:translateY(-200px);}
.prolist dl:hover dt span b:before{ transform:translateX(0); transition:355ms 180ms;}
.prolist dl:hover dt span b:after{ transform:translateY(0); transition:355ms 180ms;}
.prolist dl dd{ font-size:16px; margin:14px 0 20px; font-weight:bold; height:36px; overflow:hidden;}
.prolist dl:hover dd{ color:#c12c20;}

.procont_pic{ text-align:center;}
.procont_pic img{ max-width:100%;}

.newslist{}
.newslist_list{ border-bottom:#ebebeb dashed 1px; padding:15px;}
.newslist_list .title{ margin-bottom:10px;}
.newslist_list .title:after{ content:""; display:block; clear:both;}
.newslist_list .title h2{ font-size:20px; color:#323232; float:left;}
.newslist_list .title h2 a:hover{ color:#c12c20;}
.newslist_list .title span{ float:right; color:#969696; font-size:12px;}
.newslist_list .abs{ line-height:25px; max-height:50px; overflow:hidden; margin:8px 0 10px; font-size:12px;}
.newslist_list .more{}
.newslist_list .more:after{ content:""; display:block; clear:both;}
.newslist_list .more a{ font-size:12px; float:right; display:inline-block; line-height:28px; padding:0 10px; border:1px #ccc solid; color:#c12c20;}
.newslist_list .more a:hover{ background:#c12c20; color:#fff;border:1px #c12c20 solid;}

.contact{ margin-top:25px;}
.contact_cont{ float:left; width:45%;}
.contact_cont h2{ margin-bottom:15px; font-size:20px; color:#000;}
.contact_cont p{ line-height:30px;}
.from{}
.from h3{color:#000; font-size:18px; margin:20px 0 10px;font-weight:normal;}
.from p{ line-height:22px; margin-bottom:10px;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{ width:45%; margin-right:10%; border:1px #e8e8e8 solid; border-radius:3px; line-height:30px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:14px; float:left; margin-bottom:15px; outline:none;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:3px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:14px;outline:none;}
.from a{ display:inline-block; padding:0 20px; line-height:30px; background:#e7161a; color:#fff; border-radius:3px; font-size:14px; margin-top:20px; cursor:pointer;}
.from a:hover{ background:#c51518; }
.ditu{ float:right; width:50%;}

.contact_reach{ margin:35px 0 10px;}
.contact_reach h3{ color:#c51518; font-size:20px;}
.contact_reach .title{ font-size:16px; color:#000; font-weight:bold; margin:15px 0 5px;}
.biaoge{ width: 100%; background: #eee; /*border-left: 5px solid #fff;border-top: 5px solid #fff;*/}
		.biaoge td{border-right: 10px solid #fff; border-bottom: 10px solid #fff; padding: 9px 6px; line-height: 22px; font-size: 18px;}
		.biaoge td:nth-child(2n){font-size: 14px;border-right: 0;}


/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:14px;}
.fabu li textarea { display:block;}
#send {display:block; margin-top:26px;width:100%;position:relative; margin-bottom:10px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#463b97;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:20px; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:120px;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
#send textarea { max-width:100%; height:90px; font-family:Arial; color:#999;font-size:11px;border:1px solid #ccc;padding:5px; overflow:hidden; width:600px;}
.send_main strong{color:#463b97; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width: auto; background-color: #c12c20;color: white; text-transform: uppercase;font-size: 16px;font-weight: 400; padding: 8px 25px; border:medium none; border-radius:10px;margin-top:20px;cursor:pointer}
.blue22:hover{opacity:0.7;}

.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:40px;}
.client_cont li{ width:25%; height:80px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:100px; position:relative;}
.client_cont li:before{ content:""; display:block; width:14px; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:14px; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:100px;vertical-align:top; padding-top:15px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.nrtp{ margin-top:30px;}
.nrtp img{ width:23%; margin:0 1%; margin-bottom:20px; float:left; border:1px #ccc solid; box-sizing:border-box; border-radius:5px;}

.mid_h3{ font-size:20px; line-height:30px; margin-bottom:15px; padding-top:20px;color:#333;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}

@media screen and (min-width:481px) and (max-width:1440px){
.wid{width:100%;box-sizing:border-box; padding-left:10px; padding-right:10px;}
.home_pro{padding:50px 10%;}
.nav li > a{padding:0 15px;}
.top{padding:0 5%;}
.home_com{padding:50px 10%;}
.home_com p{font-size:18px; line-height:36px;}
.home_com h2{font-size:36px;}
.home_pro h2{font-size:36px;}
.home_pro p{font-size:16px;}
.swiper-button-next{margin-right:0 !important; right:-90px !important;}
.swiper-button-prev{margin-left:0 !important; left:-90px !important;}
.home_equ{padding:50px 10%;}
.home_equ_box .more{font-size:13px;line-height:22px;}
.home_adv{padding:50px 10%;}
.home_adv h2{font-size:32px;}
.home_adv p{font-size:16px;}
.home_adv a{font-size:14px;}
.home_cus{padding:50px 10%;}
.home_cus h2{font-size:36px;}
.home_cus .des{font-size:20px;}
.home_cus p{font-size:14px;}
.foot{padding:30px 10%;}
.mid{padding:30px 10%;}

}
@media screen and (max-width: 800px) {

	}

@media screen and (max-width: 480px) {
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:none; width:100%; padding-left:10px; padding-right:10px;}
.wid{width:100%;box-sizing:border-box;}
.header{padding:0 0px; }
.logo{float:none;text-align:center;}
.nav li{width:calc(100%/4); float:left;}
.nav li > a{padding:0; text-align:center; line-height:40px;border-right:1px #ebebeb solid;border-bottom:1px #ebebeb solid; box-sizing:border-box; font-size:12px;}
.top_r{display:none;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
.home_com{padding:30px 10px;}
.home_com h2{font-size:28px;margin-bottom:15px;}
.home_com p{font-size:16px; line-height:26px;}
.home_pro{padding:30px 10px;}
.home_pro h2{font-size:28px;margin-bottom:15px;}
.home_pro_cont{margin-top:25px; font-size:12px;}
.home_equ{padding:30px 10px;}
.home_equ_box{width:100%;margin-right:0; float:none; margin-bottom:20px;}
.home_equ_box .more{font-size:12px;}
.home_equ_box .title{margin:10px 0;}
.home_equ_an{margin-top:10px;}
.home_adv{padding:30px 10px;}
.home_adv h2{font-size:28px;}
.home_ser,.home_jiect{width:100%;margin-right:0; float:none; margin-bottom:20px;}
.home_adv p{font-size:14px; line-height:24px;}
.home_cus{padding:30px 10px;}
.home_cus h2{font-size:28px;}
.home_cus .des{font-size:18px;}
.home_cus p{font-size:14px; line-height:22px;}
.home_contact{height:300px; overflow:hidden;}
.foot_box{width:100%; float:none; padding:0 10px; margin-bottom:20px;}
.foot_box h3{margin-bottom:10px;}
.banquan{line-height:26px; padding:8px 0;}
.mid_wz{padding:0 10px; line-height:36px; height:36px; overflow:hidden;}
.mid_nav a{margin:0 2px 8px;padding:0 10px; border-radius:3px;}
.mid_nav{padding:0 0 10px;}
.mid{padding:30px 10px;}
.mid_title{margin:0 0 15px;}
.mid_cont{line-height:28px;}
.prolist dl{width:50%;}
#send textarea{width:100%;}
.contact_cont{width:100%;margin:0; float:none;}
.ditu{width:100%;margin:15px 0 0; float:none; height:300px; overflow:hidden;}
.swiper-button-next,.swiper-button-prav{display:none;}
	}